.pure-search {
    display: var(--pure-search-display, flex);
    flex-direction: var(--pure-search-flex-direction, row);
    align-items: var(--pure-search-align-items, stretch);
    justify-content: var(--pure-search-justify-content, space-between);
    background: var(--pure-search-background, var(--pure-background-element));
    border-radius: var(--pure-search-border-radius, 1000px);
    padding: var(--pure-search-padding);
    width: var(--pure-search-width, 100%);
    height: var(--pure-search-height, 2.75em);
    overflow: var(--pure-search-overflow, hidden);
    line-height: var(--pure-search-line-height, 1);
    box-sizing: border-box;
    transition: var(--pure-search-transition, all 0.3s ease-in-out);
}

.pure-search-left {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: var(--pure-search-left-background);
    padding: var(--pure-search-left-padding);
    margin: var(--pure-search-left-margin);
    box-sizing: border-box;
    transition: inherit;
}

.pure-search-main {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: var(--pure-search-main-background);
    padding: var(--pure-search-main-padding, 0 0.75em);
    margin: var(--pure-search-main-margin);
    box-sizing: border-box;
    transition: inherit;
}

.pure-search-icon {
    font-size: var(--pure-search-icon-font-size, var(--pure-font-size-larger));
    flex-shrink: 0;
}

.pure-search-content {
    flex: 1;
    position: relative;
    align-self: stretch;
    text-align: var(--pure-search-text-align);
}

.pure-search-input {
    width: 100%;
    height: 100%;
    min-height: auto;
    outline: none;
    border: none;
    font-weight: var(--pure-search-input-font-weight, 500);
    font-size: var(--pure-search-input-font-size);
    padding: var(--pure-search-input-padding, 0 0.5em);
    position: relative;
    z-index: 4;
    box-sizing: border-box;
    background: transparent;
    background-color: transparent;
}

.pure-search-placeholders {
    color: var(--pure-search-placeholder-color, var(--pure-text-color-placeholder));
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: var(--pure-search-placeholder-padding, var(--pure-search-input-padding, 0 0.5em));
    font-weight: var(--pure-search-placeholder-font-weight, var(--pure-search-input-font-weight, 500));
    font-size: var(--pure-search-input-font-size);
    box-sizing: border-box;
    z-index: 2;
}

.pure-search-placeholders-swiper {
    width: 100%;
    height: 100%;
}

.pure-search-placeholders-item {
    display: flex;
    align-items: center;
}

.pure-search-placeholders-item-content {
    width: 100%;
}

.pure-search-functions {
    flex-shrink: 0;
}

.pure-search-btn {
    flex-shrink: 0;
    width: var(--pure-search-btn-width);
    height: var(--pure-search-btn-height, calc(100% - 8px));
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: var(--pure-search-btn-margin, 0 4px 0);
    padding: var(--pure-search-btn-padding, 0 18px);
    border-radius: var(--pure-search-btn-border-radius, var(--pure-search-border-radius, 1000px));
    box-sizing: border-box;
    background: var(--pure-search-btn-background, var(--pure-theme-primary));
    line-height: 1;
    font-size: var(--pure-search-btn-font-size, var(--pure-font-size-smaller));
    letter-spacing: var(--pure-search-btn-letter-spacing);
    color: var(--pure-search-btn-color, #ffffff);
    transition: inherit;
    box-shadow: var(--pure-search-btn-box-shadow);
}

.pure-search-right {
    flex-shrink: 0;
}
